<template>
  <div class="radio-classification-item">
    <div class="item-top">
      <img :src="item.pic" alt="">
    </div>
    <div class="item-bottom">
      <p>{{item.font}}</p>
    </div>
  </div>
</template>

<script>
    export default {
        name: "RadioClassificationItem",
        props:{
            item:{
                type:Object,
                default(){
                    return{}
                }
            }
        }
    }
</script>

<style scoped>
  .radio-classification-item{
    width: 100%;
    margin-top: 20px;
  }

  .item-top{

  }

  .item-top img{
    width: 40px;
    height: 40px;
  }

  .item-bottom{

  }

  .item-bottom p{
    font-size: 13px;
  }

</style>